<?php /*a:4:{s:60:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\index\mucms.html";i:1718605262;s:55:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\layout.html";i:1721998481;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\header.html";i:1725109207;s:62:"D:\phpstudy_pro\WWW\xiaomu\tp\app\home\view\common\footer.html";i:1718596170;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <title><?php if(!empty($seo_title)): ?><?php echo htmlentities((string) $seo_title); else: ?><?php echo htmlentities((string) $webconfig['seo_title']); ?><?php endif; ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="keywords" content="<?php if(!empty($seo_keywords)): ?><?php echo htmlentities((string) $seo_keywords); else: ?><?php echo htmlentities((string) $webconfig['seo_title']); ?><?php endif; ?>"/>
    <meta name="description" content="<?php if(!empty($seo_description)): ?><?php echo htmlentities((string) $seo_description); else: ?><?php echo htmlentities((string) $webconfig['seo_description']); ?><?php endif; ?>"/>
    <link rel="stylesheet" href="/zhcms/layui_v2_9_10/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/zhcms/home/hover.css"/>
    <link rel="stylesheet" href="/zhcms/home/style.css?v=<?php echo time();?>" media="all"/>
    <script src="/zhcms/jquery/jquery-3.6.0.min.js" charset="utf-8"></script>
    <script src="/zhcms/layui_v2_9_10/layui.js" charset="utf-8"></script>

    <script>
        // var _hmt = _hmt || [];
        // (function() {
        //   var hm = document.createElement("script");
        //   hm.src = "https://hm.baidu.com/hm.js?017f4abd6c47930eee2cf73aceb328c9";
        //   var s = document.getElementsByTagName("script")[0]; 
        //   s.parentNode.insertBefore(hm, s);
        // })();
    </script>
        
</head>
<body>
<style>
    .nav-main{
        background: #ffffff;
        box-shadow: 0 0 6px 1px rgba(0,0,0,0.1);
    }
    .nav-wrap{
        height:56px;
        background:#ffffff;
        z-index: 2;
        width:1200px;
        margin: 0 auto;
    }

    .nav-content >ul >li{
        border-right:1px solid #dedede;
        float:left;
        position: relative;
        line-height: 55px;
        z-index: 9;
    }

    .nav-content >ul >li>a{
        display:inline-block;
        padding:0px 30px;
        font-size: 16px;
    }

    .nav-content >ul >li> a:hover{
        color:#078cf2;
    }

    .nav-content >ul >li.current a{
        background:#078cf2;
        color:#ffffff;
    }

    .nav-content >ul >li.current a:hover{
        color:#ffffff;
    }
    
    
  .blog_name{
    line-height:60px;
    font-size: 28px;
    color:#ffffff;
    margin-left: 35px;
  }

  .blog_name a{
    color:#939393;
  }

  .user_wrap{
    height:40px;
    padding:20px 0 0 0;
    line-height: 40px;
  }

  .user_wrap a{
    font-size: 14px;
    color:#666666;

  }

</style>



<div class="nininav">
    <div class="w1200">
        <div class="layui-row">
            <div class="layui-col-lg11">
                <h1 class="blog_name">
                    <a href="" alt="开发者前沿">开发者前沿</a>
                </h1>
            </div>
            <div class="layui-col-lg1">
                <div class="user_wrap"><a href="<?php echo url('admin/login/index'); ?>">登录</a></div>
            </div>
        </div>
    </div>
</div>

<div class="nav-main">
    <div class="nav-wrap">
        <div class="nav-content" id="menu">
            <ul>
                <li class="<?php if($current == 0): ?>current<?php endif; ?>">
                    <a href="/index.php">首页</a>
                </li>

                <!-- <li class="<?php if($current == 10000): ?>current<?php endif; ?>">
                    <a href="<?php echo url('/home/codestore/index'); ?>">源码市场</a>
                </li> -->

                <?php if(is_array($nav) || $nav instanceof \think\Collection || $nav instanceof \think\Paginator): $i = 0; $__LIST__ = $nav;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                    <li class="<?php if($vo['id'] == $current): ?>current<?php endif; ?>"><a href="<?php echo !empty($vo['url']) ? htmlentities((string) $vo['url']) :  url('/index/category',['id'=>$vo['id']]); ?>"><?php echo htmlentities((string) $vo['category_name']); ?></a></li>
                <?php endforeach; endif; else: echo "" ;endif; ?>
            </ul>
        </div>
    </div>
</div>

<script>
    $(function(){
        $(".menu>li").on("mouseenter",function(){
            $(this).find(".sub-menu").show();
        })

        $(".menu>li").on("mouseleave",function(){
            $(this).find(".sub-menu").hide();
        })
    })
</script>
<style>
    .banner{
        height:400px;
        margin:10px 0 0 0;
        background:#1e9fff;
    }

    .banner h2{
        height:80px;
        font-size: 42px;
        text-align: center;
        color:#fff;
        padding-top:80px
    }

    .desc{
        font-size:16px;
        color:#fff;
        line-height: 32px;
        text-align: center;
    }

    .banner-btns{
        text-align: center;
    }

    .pro-title{
        font-size: 36px;
        text-align: center;
        margin-bottom: 15px;
        color:#333333;
    }

    .pro-sub{
        font-size: 16px;
        text-align: center;
        margin-bottom: 35px;
        color:#999999;
    }


    .pro-item{
        display:block;
        margin:0 30px;
        background: #f7f7f7;
        padding: 20px;
        border-radius: 15px;

    }

    .pro-item:hover{
        background: #f1f1f1;
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
    }

    .pro-item-img{
        display:block;
        width:80px;
        height:80px;
        border-radius:40px;
        margin:0 auto;
        background: #f2a107;
    }

    .pro-item-img img{
        width:50px;
        height:50px;
        margin: 15px;
    }

    .pro-i-title{
        font-size:20px;
        display: block;
        text-align: center;
        margin-top: 10px;
        color:#078cf2;
    }

    .pro-i-sub{
        font-size: 14px;
        display: block;
        text-align: center;
        margin-top: 10px;
        color:#666666;
    }

    .pro-i-desc{
        display: block;
        font-size: 14px;
        margin-top: 10px;
        color:#999999;
    }

    .news-box-title{
        height:35px;
        line-height: 35px;
        font-size: 18px;
        color:#078cf2;
    }

    .news-box-title:hover{
        color:#045a9c;
    }

    .news-box-desc{
        height:48px;
        line-height: 24px;
        font-size:14px;
        color:#666666;
    }


</style>


<div class="banner">
    <h2>小木CMS内容管理系统</h2>
    <div class="desc">小木CMS是基于TP6.0框架为核心开发的稳定+开源的内容管理系统、专注企业建站、小程序开发<br />
        同城商业O2O、电商零售等内容管理后台系统，便捷的开发模式及扩展。</div>
    <div class="banner-btns mt25">
        <button type="button" class="layui-btn layui-btn-warm layui-btn-radius">版本 1.0</button>
    </div>

</div>

<div class="bg-white">
    <div class="w1200">
        <h2 class="pro-title">我们的服务项目</h2>
        <div class="pro-sub">实用、经济，全方位的行业应用解决方案</div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-lg4">
                <a href="javascript:void(0)" class="pro-item">
                    <span class="pro-item-img" style="background: #16b777;">
                        <img src="/zhcms/homeImage/android.png">
                    </span>
                    <span class="pro-i-title">App定制开发</span>
                    <span class="pro-i-sub">安卓App定制开发</span>
                    <span class="pro-i-desc">原生安卓定制开发及上架到国内主流应用市场：华为、小米、VIVO、OPPO、应用宝等</span>
                </a>
                
                
            </div>

            <div class="layui-col-lg4">
                <a href="javascript:void(0)" class="pro-item">
                    <span class="pro-item-img" style="background: #8316b7;">
                        <img src="/zhcms/homeImage/xcx.png">
                    </span>
                    <span class="pro-i-title">小程序定制开发</span>
                    <span class="pro-i-sub">基于uniapp，一套模板</span>
                    <span class="pro-i-desc">打包微信小程序，支付宝小程序等平台的各类小程序。</span>
                </a>
                
                
            </div>

            <div class="layui-col-lg4">

                <a href="javascript:void(0)" class="pro-item">
                    <span class="pro-item-img">
                        <img src="/zhcms/homeImage/pc.png">
                    </span>
                    <span class="pro-i-title">网站定制开发</span>
                    <span class="pro-i-sub">基于TP6的自研管理后台小木CMS</span>
                    <span class="pro-i-desc">符合SEO优化，简单易用，价格实惠，便于管理，更快，更安全</span>
                </a>
                
            </div>

        </div>
    </div>
</div>



<div style="padding:50px 0">
    <div class="w1200">
        <h2 class="pro-title">行业资讯 & 常见问题</h2>
        <div class="pro-sub">分享互联网从业心得，行业资讯，以及项目实战的解决方案</div>
        <div class="layui-row layui-col-space25">

            <?php if(is_array($chapter) || $chapter instanceof \think\Collection || $chapter instanceof \think\Paginator): $i = 0; $__LIST__ = $chapter;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
            <div class="layui-col-lg4">
                <div class="news-box">
                    <a href="<?php echo url('/index/artical/id/'.$vo['id']); ?>" class="news-box-title line-1"><?php echo htmlentities((string) $vo['title']); ?></a>
                    <p class="news-box-desc line-2"><?php echo htmlentities((string) $vo['content']); ?></p>
                </div>
            </div>
            <?php endforeach; endif; else: echo "" ;endif; ?>

        </div>
    </div>
</div>

<!--合作流程-->

<style>
    .com-box{
        display:flex;
    }

    .com-box-title{
        height:50px;
        width:50px;
        border-radius:5px;
        background: #078cf2;
        margin-right: 20px;
        line-height: 50px;
        text-align: center;
        color:#ffffff;
        font-size: 30px;
    }

    .com-box-desc{
        font-size:24px;
        color:#333333;
        line-height: 50px;
    }
</style>
<div class="bg-white">
    <div class="w1200">
        <h2 class="pro-title">合作流程</h2>
        <div class="pro-sub">让我们开启一个愉快的合作旅程吧！</div>
        <div class="layui-row layui-col-space25">

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title">1</span>
                    <div class="com-box-desc">沟通，评估需求</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title" style="background:#ff5722">2</span>
                    <div class="com-box-desc" style="color:#ff5722">签订协议+支付定金</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title">3</span>
                    <div class="com-box-desc">设计开发</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title" style="background:#ff5722">4</span>
                    <div class="com-box-desc" style="color:#ff5722">意见修改反馈</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title">5</span>
                    <div class="com-box-desc">确认验收</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title" style="background:#ff5722">6</span>
                    <div class="com-box-desc" style="color:#ff5722">支付项目尾款</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title">7</span>
                    <div class="com-box-desc">上线</div>
                </div>
            </div>

            <div class="layui-col-lg8 layui-col-lg-offset4">
                <div class="com-box">
                    <span class="com-box-title">8</span>
                    <div class="com-box-desc">后期维护</div>
                </div>
            </div>

        </div>
    </div>
</div>


<!--联系我-->

<style>
    .concat-wx{
        text-align: right;
    }

    .concat-wx img{
        width:160px;
        height: 160px;
    }

    .concat-list li{
        height:50px;
        line-height:50px;
        font-size: 20px;
        padding:0 0 0 20px;
    }

    .i-icon{
        display:inline-block;
        width:40px;
        height: 40px;
        border-radius: 25px;
        vertical-align: middle;
        margin-right: 10px;
    }

    .i-qq{
        background:#078cf2 url("/zhcms/homeImage/qq.png") no-repeat center center;
        background-size: 25px 25px;
     }

     .i-wx{
        background:#28a745 url("/zhcms/homeImage/wx.png") no-repeat center center;
        background-size: 25px 25px;
     }

     .i-email{
        background:#17a2b8 url("/zhcms/homeImage/email.png") no-repeat center center;
        background-size: 25px 25px;
     }
</style>

<div style="padding:50px 0">
    <div class="w1200">
        <h2 class="pro-title">联系我们</h2>
        <div class="pro-sub">加我微信，让我们开始一段愉快的合作。</div>
        <div class="layui-row layui-col-space25">

            <div class="layui-col-lg6">
                <div class="concat-wx">
                    <img src="/zhcms/homeImage/weixin.png" >
                </div>
                <div style="text-align: right;padding:20px 20px 0 0;font-size:16px;color:#333333">扫一扫加我微信</div>
            </div>

            <div class="layui-col-lg6">
                <ul class="concat-list">
                    <li><span class="i-icon i-qq"></span>QQ: 704296931</li>
                    <li><span class="i-icon i-wx"></span>WX: zstxinghui</li>
                    <li><span class="i-icon i-email"></span>E-mail: 704296931@qq.com</li>
                    <li>深圳市宝安区西乡街道宝民二路87号</li>
                </ul>
            </div>


        </div>
    </div>
</div>


<style>
    .contact{
        color:#999999;
        text-align: center;
    }
</style>

<div class="footer">
    <div class="layui-container">

        <div class="w1200 contact">
            业务QQ：<?php echo htmlentities((string) $webconfig['qq']); ?> &nbsp;&nbsp;&nbsp;&nbsp; 开发者邮箱：<?php echo htmlentities((string) $webconfig['email']); ?>
        </div>
        <div class="h-line"></div>
        <div class="company">
            Copyright © <?php echo htmlentities((string) $webconfig['copyright']); ?>&nbsp;&nbsp;All Rights Resrved. <a href="/sitemap.txt" target="_blank" style="color:#999999">网站地图</a>
            <div class="mt15"><a href="<?php echo htmlentities((string) $webconfig['icp_url']); ?>" class="icp" target="_blank"><?php echo htmlentities((string) $webconfig['icp']); ?></a></div>
        </div>
    </div>
</div>

<script>

layui.use(function(){
    var util = layui.util;
    // 自定义固定条
    util.fixbar({
        bars: [],
        on: { // 任意事件 --  v2.8.0 新增
        mouseenter: function(type){
            layer.tips(type, this, {
            tips: 4, 
            fixed: true
            });
        },
        mouseleave: function(type){
            layer.closeAll('tips');
        }
        },
        // 点击事件
        click: function(type){
        console.log(this, type);
        // layer.msg(type);
        }
    });
});
</script>

</body>
</html>